<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>iCart | Ecommerce HTML Template</title>
		
		<link href="css/master.css" rel="stylesheet">
    <link href="css/header.css" rel="stylesheet">
    <link href="css/icon-menu.css" rel="stylesheet">

		<!-- SWITCHER -->
		<link rel="stylesheet" id="switcher-css" type="text/css" href="plugins/switcher/css/switcher.css" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color1.css" title="color1" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color2.css" title="color2" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color3.css" title="color3" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color4.css" title="color4" media="all" />
		<link rel="alternate stylesheet" type="text/css" href="plugins/switcher/css/color5.css" title="color5" media="all" />		

		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="animated-css" data-scrolling-animations="false">
		<div class="sp-body">
			
      <!-- Loader Landing Page -->
			 <div id="loader">
        <div class="loader"></div>  
      </div>
			<!-- Loader end -->
      
			<!-- Start Switcher -->
			<div class="switcher-wrapper">	
				<div class="demo_changer">
					<div class="demo-icon customBgColor"><i class="fa fa-cog fa-spin fa-2x"></i></div>
					<div class="form_holder">
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="predefined_styles">
									<div class="skin-theme-switcher">
										<h4>Color</h4>
										<a href="#" data-switchcolor="color1" class="styleswitch" style="background-color:#e94d38;"> </a>
										<a href="#" data-switchcolor="color2" class="styleswitch" style="background-color:#0078ff;"> </a>
										<a href="#" data-switchcolor="color3" class="styleswitch" style="background-color:#00ac00;"> </a>							
										<a href="#" data-switchcolor="color4" class="styleswitch" style="background-color:#e8c500;"> </a>
										<a href="#" data-switchcolor="color5" class="styleswitch" style="background-color:#c23eff;"> </a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Switcher -->

			<header id="header">
				<div class="header-top">
					<div class="container">
  					<ul class="nav nav-pills nav-top navbar-right">
  						<li class="dropdown langs">
  							<a data-toggle="dropdown" class="dropdown-toggle" href="#"><img src="images/arabic.png" alt="arabic"> <i class="fa fa-angle-down"></i></a>
  							<ul role="menu" class="dropdown-menu">
  								<li><a href="#"><img src="images/uk.png" alt="uk"></a></li>
  								<li><a href="#"><img src="images/dutch.png" alt="dutch"></a></li>
  								<li><a href="#"><img src="images/german.png" alt="german"></a></li>
  							</ul>
  						</li>
  						<li class="dropdown currency">
  							<a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-usd"></i> <i class="fa fa-angle-down"></i></a>
  							<ul role="menu" class="dropdown-menu">
  								<li><a href="#"><i class="fa fa-eur"></i></a></li>
                  <li><a href="#"><i class="fa fa-jpy"></i></a></li>
  							</ul>
  						</li>
  						<li class="dropdown my-account">
  							<a data-toggle="dropdown" class="dropdown-toggle" href="#">My Account <i class="fa fa-angle-down"></i></a>
  							<ul role="menu" class="dropdown-menu">
  								<li><a href="#">Dashboard</a></li>
  								<li><a href="#">Account</a></li>
  								<li><a href="#">Orders</a></li>
  							</ul>
  						</li>
              <li class="dropdown my-cart">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-shopping-cart"></i></a>
                <ul role="menu" class="dropdown-menu header-cart_product_list">
                    <li class="added-items">
                      <div class="header-cart_product_list_item clearfix">
                        <a class="item-preview" href="product-details.html"><img src="images/cart-img-1.jpg" alt="Product"></a>
                        <h4><a class="font-additional font-weight-normal hover-focus-color cart-product-title" href="product-details.html">Stylish Wear</a></h4>
                        <span class="item-cat font-main font-weight-normal"><a class="hover-focus-color cart-product-category" href="#">Men</a></span>
                        <span class="item-price font-additional font-weight-normal customColor">37.15 USD</span>
                        <a class="item-del hover-focus-color" href="#"><i class="fa fa-trash-o"></i></a>
                      </div>
                    </li>
                    <li class="added-items">
                      <div class="header-cart_product_list_item clearfix">
                        <a class="item-preview" href="product-details.html"><img src="images/cart-img-2.jpg" alt="Product"></a>
                        <h4><a class="font-additional font-weight-normal hover-focus-color cart-product-title" href="product-details.html">Bag</a></h4>
                        <span class="item-cat font-main font-weight-normal"><a class="hover-focus-color cart-product-category" href="#">Accessories</a></span>
                        <span class="item-price font-additional font-weight-normal customColor">60.10 USD</span>
                        <a class="item-del hover-focus-color" href="#"><i class="fa fa-trash-o"></i></a>
                      </div>
                    </li>
                  </ul>
              </li>
  					</ul>            
					</div> 
          <div class="container-fluid trigger-container">
            <div class="row text-center">
              <button class="menu-trigger"><i class="fa fa-bars"></i></button>
            </div>
          </div>         
				</div>
				<div class="header-middle">
					<div class="container relative">
						<a href="index.html" class="logo pull-left"></a>
						<div class="header-search pull-right">
							<div class="header-search_filter">
								<select class="formDropdown font-additional font-weight-normal" name="filterby" id="filterby">
									<option value="0">Filter By</option>
									<option value="date">Date</option>
									<option value="title">Title</option>
									<option value="cat">Category</option>
								</select>
								<i class="fa fa-angle-down customColor"></i>
							</div>
							<div class="header-search_form">
								<form class="product-search form-inline" action="#" method="POST">
									<div class="form-group">
										<label class="sr-only" for="searchQuery">Product Name ...</label>
										<input type="search" class="product-search_field font-main font-weight-normal" id="searchQuery" placeholder="Product Name ...">
									</div>
									<button type="submit" class="product-search_btn hvr-bounce-to-right">
										<i class="fa fa-search"></i>
									</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</header>

      <!-- icon-menu -->
      <nav id="icon-menu" class="main-menu">
        
        <div class="scrollbar" id="style-1">
          <ul>
            <li class="lightli">                                   
              <a href="index.html">
                <i class="fa fa-home fa-lg"></i>
                <span class="nav-text">Home</span>
              </a>
            </li>
            <li class="lightli">                                 
              <a href="#">
                <i class="fa fa-user fa-lg"></i>
                <span class="nav-text">My Account</span>
              </a>
            </li>
            <li class="lightli">                                 
              <a href="contact.html">
                <i class="fa fa-envelope-o fa-lg"></i>
                <span class="nav-text">Contact</span>
              </a>
            </li>
            
              <li class="darkerli">
                <a href="category.html">
                  <i class="fa fa-shopping-cart"></i>
                   <span class="nav-text">Shop</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="category.html">
                  <i class="fa fa-male fa-lg"></i>
                  <span class="nav-text">Men</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="category-1.html">
                  <i class="fa fa-female fa-lg"></i>
                  <span class="nav-text">Women</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="category.html">
                  <i class="fa fa-picture-o fa-user-secret"></i>
                  <span class="nav-text">shoes</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="product-details.html">
                  <i class="fa fa-picture-o fa-newspaper-o"></i>
                  <span class="nav-text">Detail</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="product-details-1.html">
                  <i class="fa fa-picture-o fa-building"></i>
                  <span class="nav-text">Detail-1</span>
                </a>
              </li>
              <li class="darkerli">
                <a href="blog.html">
                  <i class="fa fa-pencil-square-o fa-lg"></i>
                  <span class="nav-text">Blog</span>
                </a>
              </li>
                                 
          </ul>
        </div>

      </nav>
          <!-- icon-menu -->

			<section id="main-slider">
				<div id="owl-main-slider" class="enable-owl-carousel owl-main-slider owl-carousel owl-theme" data-navigation="true" data-pagination="false" data-single-item="true" data-auto-play="7000" data-transition-style="fadeUp" data-main-text-animation="true" data-after-init-delay="4000" data-after-move-delay="500" data-stop-on-hover="true">
					<div class="item slide1">
						<img src="images/main-slider/slide-1.jpg" alt="Slide 1">
						<div class="main-slider_content">
							<div class="main-slider_smalltitle main-slider_zoomIn animated" style="visibility: hidden;"><span class="customColor">get upto 30% offer for order over $400!</span></div>
							<h3 class="main-slider_title font-additional font-weight-bold main-slider_fadeInLeft animated" style="visibility: hidden;">BIGGEST FASHION 2015<br>  COLLECTION</h3>
							<div class="main-slider_row">
								<div class="line-separator main-slider_zoomIn animated" style="visibility: hidden;">
									<img src="images/seperator.png" alt="seperator">
								</div>
							</div>
							<div class="main-slider_buttons">
								<a href="#" class="btn button-border font-additional font-weight-bold hvr-bounce-to-right main-slider_fadeInLeftBig animated before-bg" style="visibility: hidden;">SHOP NOW</a>
								<a href="#" class="btn button-border font-additional font-weight-bold hvr-bounce-to-right main-slider_fadeInRightBig animated before-bg" style="visibility: hidden;">PURCHASE</a>
							</div>
						</div>
					</div>
					<div class="item slide2">
						<img src="images/main-slider/slide-2.jpg" alt="Slide 2">
						<div class="main-slider_content">
							<div class="main-slider_row">
								<div class="line-separator main-slider_zoomIn animated" style="visibility: hidden;">
									<img src="images/seperator.png" alt="seperator">
								</div>
							</div>
							<div class="main-slider_smalltitle color-main main-slider_fadeInRight animated" style="visibility: hidden;">HOT COLLECTION</div>
							<h3 class="main-slider_title font-additional font-weight-bold text-shadow color-main main-slider_fadeInLeft animated" style="visibility: hidden;">AUTUMN WINTER 2015/2016</h3>
							<div class="main-slider_buttons">
								<a href="#" class="btn button-border font-additional font-weight-bold hvr-bounce-to-right main-slider_slideInUp animated before-bg" style="visibility: hidden;">SHOP NOW</a>
							</div>
						</div>
					</div>
					<div class="item slide3">
						<img src="images/main-slider/slide-3.jpg" alt="Slide 3">
						<div class="main-slider_content">
							
							<h3 class="main-slider_title font-additional font-weight-normal text-shadow main-slider_fadeInLeft animated" style="visibility: hidden; padding-bottom:5px;">style &amp; comfort</h3>
							<div class="main-slider_row">
								<div class="line-separator main-slider_zoomIn animated" style="visibility: hidden;">
									<img src="images/white-seperator.png" alt="seperator">
								</div>
							</div>
							<span class="main-slider_desc font-main main-slider_fadeInRight animated" style="visibility: hidden;">Proin est Pellentesque risus magna vulputate vitae sodales aliquam morb non sem lacus porta molis. Nunc condimentum metus</span>
							<div class="main-slider_buttons">
								<a href="#" class="btn button-border font-additional font-weight-bold hvr-bounce-to-right main-slider_slideInUp animated before-bg" style="visibility: hidden;">SHOP NOW</a>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="categories">
				<div class="container clearfix">
					<ul class="category-images">
						<li class="grid">
							<figure class="effect-ruby wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
								<img src="images/products/1.jpg" alt="product">
								<figcaption>
									<div class="category-images_content">
										<p class="bottom-text font-additional font-weight-bold text-uppercase color-main customBgColor">FOR WOMEN</p>
                    <h2 class="font-additional font-weight-bold text-uppercase color-main customBgColor">SUMMER COLLECTION</h2>
									</div>
									<a href="#">View more</a>
								</figcaption>			
							</figure>
						</li>
						<li class="grid left-space right-space">
							<figure class="effect-ruby wow fadeIn" data-wow-delay="0.6s" data-wow-duration="2s">
								<img src="images/products/2.jpg" alt="Category">
								<figcaption>
									<div class="category-images_content">
										<p class="bottom-text font-additional font-weight-bold text-uppercase color-main customBgColor">TRENDY SHIRTS</p>
                    <h2 class="font-additional font-weight-bold text-uppercase color-main customBgColor">NEW ARRIVALS</h2>										
									</div>
									<a href="#">View more</a>
								</figcaption>			
							</figure>
						</li>
						<li class="grid">
							<figure class="effect-ruby wow fadeIn" data-wow-delay="0.6s" data-wow-duration="2s">
								<img src="images/products/3.jpg" alt="Category">
								<figcaption>
									<div class="category-images_content">
										<p class="bottom-text font-additional font-weight-bold text-uppercase color-main customBgColor">FOR MEN</p>
                    <h2 class="font-additional font-weight-bold text-uppercase color-main customBgColor">2015/16 TRENDS</h2>										
									</div>
									<a href="#">View more</a>
								</figcaption>			
							</figure>
						</li>
					</ul>
				</div>
			</section>

			<section id="collection" class="borderTopSeparator">
				<div class="container relative">
					
					<div class="isotopeBox">
						<h2 class="title font-additional font-weight-bold text-uppercase wow fadeInUp" data-wow-duration="2s">BEST SELLERS</h2>
						<span class="subTitle font-additional font-weight-normal text-uppercase wow fadeIn" data-wow-duration="2s">NEW ARRIVAL / TRENDY COLLECTION</span>
						<div class="line-seperatorBox clearfix">
							<div class="line-seperator">
								<img src="images/seperator.png" alt="seperator">
							</div>
							<ul id="filter" class="product-filter clearfix">
								<li>
									<a href="#" class="current btn font-additional font-weight-normal text-uppercase before-bg hvr-bounce-to-right" data-filter=".newproducts">NEW PRODUCTS</a>
								</li>
								<li>
									<a href="#" class="btn font-additional font-weight-normal text-uppercase before-bg hvr-bounce-to-right" data-filter=".popular">POPULAR</a>
								</li>
								<li>
									<a href="#" class="btn font-additional font-weight-normal text-uppercase before-bg hvr-bounce-to-right" data-filter=".discount">DISCOUNT</a>
								</li>
							</ul>
							<div class="isotope-frame">
								<div class="isotope-filter">
									<div class="isotope-item  newproducts discount">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/4.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html">
													<span class="product-item_sale color-main font-additional customBgColor circle">-15%</span>
												</a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">WOMEN CAP</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$240.00 <span>$265.00</span></div>
											</a>
										</div>
									</div>
									<div class="isotope-item  newproducts popular">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/5.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html">
													<span class="product-item_new color-main font-additional text-uppercase circle">new</span>
												</a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">BLACK DRESS</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$560.00</div>
											</a>
										</div>
									</div>
									<div class="isotope-item  newproducts discount">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/6.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html"></a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">STYLISH WEAR</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
											</a>
										</div>
									</div>
									<div class="isotope-item  newproducts popular">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/7.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html">
													<span class="product-item_sale color-main font-additional customBgColor circle">-20%</span>
													<span class="product-item_outofstock color-main font-additional circle">OUT OF STOCK</span>
												</a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">LEATHER JACKET</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$300.00</div>
											</a>
										</div>
									</div>
									<div class="isotope-item  popular">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/8.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html">
													<span class="product-item_sale color-main font-additional customBgColor circle">-15%</span>
												</a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">GRAY COAT</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$240.00 <span>$250.00</span></div>
											</a>
										</div>
									</div>
									<div class="isotope-item  discount">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/9.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html">
													<span class="product-item_new color-main font-additional text-uppercase circle">new</span>
												</a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">MEN COAT</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$500.00</div>
											</a>
										</div>
									</div>
									<div class="isotope-item  popular">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/10.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html"></a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">STYLISH WEAR</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
											</a>
										</div>
									</div>
									<div class="isotope-item discount">
										<div class="product-item hvr-underline-from-center">
											<div class="product-item_body">
												<img class="product-item_image" src="images/products/11.jpg" alt="Product">
												<a class="product-item_link" href="product-details.html">
													<span class="product-item_sale color-main font-additional customBgColor circle">-20%</span>
													<span class="product-item_outofstock color-main font-additional circle">OUT OF STOCK</span>
												</a>
												<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>      
											</div>
											<a href="product-details.html" class="product-item_footer">
												<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">WOMEN DRESS</div>
												<div class="product-item_price font-additional font-weight-normal customColor">$150.00</div>
											</a>
										</div>
									</div>
                  <div class="isotope-item  newproducts">
                    <div class="product-item hvr-underline-from-center">
                      <div class="product-item_body">
                        <img class="product-item_image" src="images/products/8.jpg" alt="Product">
                        <a class="product-item_link" href="product-details.html">
                          <span class="product-item_sale color-main font-additional customBgColor circle">-10%</span>
                        </a>
                        <div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
                      </div>
                      <a href="product-details.html" class="product-item_footer">
                        <div class="product-item_title font-additional font-weight-bold text-center text-uppercase">GRAY COAT</div>
                        <div class="product-item_price font-additional font-weight-normal customColor">$260.00 <span>$220.00</span></div>
                      </a>
                    </div>
                  </div>
                  <div class="isotope-item  newproducts">
                    <div class="product-item hvr-underline-from-center">
                      <div class="product-item_body">
                        <img class="product-item_image" src="images/products/9.jpg" alt="Product">
                        <a class="product-item_link" href="product-details.html">
                          <span class="product-item_new color-main font-additional text-uppercase circle">new</span>
                        </a>
                        <div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
                      </div>
                      <a href="product-details.html" class="product-item_footer">
                        <div class="product-item_title font-additional font-weight-bold text-center text-uppercase">MEN COAT</div>
                        <div class="product-item_price font-additional font-weight-normal customColor">$460.00</div>
                      </a>
                    </div>
                  </div>
                  <div class="isotope-item  newproducts">
                    <div class="product-item hvr-underline-from-center">
                      <div class="product-item_body">
                        <img class="product-item_image" src="images/products/10.jpg" alt="Product">
                        <a class="product-item_link" href="product-details.html"></a>
                        <div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div> 
                      </div>
                      <a href="product-details.html" class="product-item_footer">
                        <div class="product-item_title font-additional font-weight-bold text-center text-uppercase">STYLISH WEAR</div>
                        <div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
                      </a>
                    </div>
                  </div>
                  <div class="isotope-item newproducts">
                    <div class="product-item hvr-underline-from-center">
                      <div class="product-item_body">
                        <img class="product-item_image" src="images/products/11.jpg" alt="Product">
                        <a class="product-item_link" href="product-details.html">
                          <span class="product-item_sale color-main font-additional customBgColor circle">-10%</span>
                          <span class="product-item_outofstock color-main font-additional circle">OUT OF STOCK</span>
                        </a>
                        <div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>     
                      </div>
                      <a href="product-details.html" class="product-item_footer">
                        <div class="product-item_title font-additional font-weight-bold text-center text-uppercase">WOMEN DRESS</div>
                        <div class="product-item_price font-additional font-weight-normal customColor">$200.00</div>
                      </a>
                    </div>
                  </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="discount" class="discount background-container">
				<div class="container">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 clearfix">
							<img class="discount-image wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s" src="images/bags.png" alt="Discounts">
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 clearfix text-center">
							<div class="discount-info">
								<span class="discount-info_small_txt customColor text-uppercase wow fadeInUp text-center" data-wow-delay="0.6s" data-wow-duration="2s">get upto 20% offer for order over $499!</span>
								<span class="discount-info_shadow_txt font-additional font-weight-bold text-uppercase wow fadeIn text-center" data-wow-delay="0.8s" data-wow-duration="2s" style="color:#000;">NEWEST FASHION <br> BAGS COLLECTION</span>
                <div class="line-separatorBox">
                  <div class="line-separator" style="visibility: hidden; margin-top:15px; margin-bottom:30px;">
                    <img src="images/seperator.png" alt="seperator">
                  </div>
                </div>								
								<a href="#" class="discount-info_link button-border font-additional font-weight-bold customBorderColor text-uppercase hvr-bounce-to-right before-bg" >VIEW COLLECTION</a>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="slider" class="slider-container">
				<div class="container">
          <div class="row">
					<h2 class="title font-additional font-weight-bold text-uppercase wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s">NEW ARRIVALS</h2>
					<span class="subTitle font-additional font-weight-normal text-uppercase wow fadeIn" data-wow-duration="2s">TRENDY COLLECTION</span>
					  <div class="line-separatorBox text-center">
              <div class="line-separator animated" style="visibility: visible; margin-top:15px; margin-bottom:30px;">
                  <img src="images/seperator.png" alt="seperator">
                </div>
            </div>
						<div id="owl-product-slider" class="enable-owl-carousel owl-product-slider owl-bottom-pagination owl-carousel owl-theme" data-navigation="true" data-pagination="false" data-single-item="false" data-auto-play="false" data-transition-style="false" data-main-text-animation="false" data-min600="2" data-min800="3" data-min1200="4">
							<div class="item">
								<div class="product-item hvr-underline-from-center">
									<div class="product-item_body product-border">
										<img alt="Product" src="images/products/12.jpg" class="product-item_image">
										<a href="product-details.html" class="product-item_link">
											<span class="product-item_sale color-main font-additional customBgColor circle">-10%</span>
										</a>
										<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>
									</div>
									<a class="product-item_footer" href="product-details.html">
										<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">PURE LEATHER BAG</div>
										<div class="product-item_price font-additional font-weight-normal customColor">$240.00</div>
									</a>
								</div>
							</div>
							<div class="item">
								<div class="product-item hvr-underline-from-center">
									<div class="product-item_body product-border">
										<img alt="Product" src="images/products/13.jpg" class="product-item_image">
										<a href="product-details.html" class="product-item_link">
											<span class="product-item_new color-main font-additional text-uppercase circle">new</span>
										</a>
										<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>
									</div>
									<a class="product-item_footer" href="product-details.html">
										<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">SHOES</div>
										<div class="product-item_price font-additional font-weight-normal customColor">$260.00 <span>$300.00</span></div>
									</a>
								</div>
							</div>
							<div class="item">
								<div class="product-item hvr-underline-from-center">
									<div class="product-item_body product-border">
										<img alt="Product" src="images/products/14.jpg" class="product-item_image">
										<a href="product-details.html" class="product-item_link">
											<span class="product-item_outofstock color-main font-additional circle">OUT OF STOCK</span>
										</a>
										<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>
									</div>
									<a class="product-item_footer" href="product-details.html">
										<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">SPORTS SHOES</div>
										<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
									</a>
								</div>
							</div>
							<div class="item">
								<div class="product-item hvr-underline-from-center">
									<div class="product-item_body product-border">
										<img alt="Product" src="images/products/15.jpg" class="product-item_image">
										<a href="product-details.html" class="product-item_link">
											<span class="product-item_sale color-main font-additional customBgColor circle">-20%</span>
										</a>
										<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                        </div>
									</div>
									<a class="product-item_footer" href="product-details.html">
										<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">LEATHER JACKET</div>
										<div class="product-item_price font-additional font-weight-normal customColor">$300.00</div>
									</a>
								</div>
							</div>
							<div class="item">
								<div class="product-item hvr-underline-from-center">
									<div class="product-item_body product-border">
										<img alt="Product" src="images/products/16.jpg" class="product-item_image">
										<a href="product-details.html" class="product-item_link">
											<span class="product-item_sale color-main font-additional customBgColor circle">-15%</span>
										</a>
										<div class="product-sidebar">
                          <a href="#" class="buy">
                            <span>BUY ITEM</span>
                          </a>

                          <a href="product-details.html" class="info">
                            <span>QUICK VIEW</span>
                          </a>

                          <a href="#" class="favorites">
                            <span>ADD TO FAVORITE</span>
                          </a>
                    </div>
									</div>
									<a class="product-item_footer" href="product-details.html">
										<div class="product-item_title font-additional font-weight-bold text-center text-uppercase">TRAVEL BAG</div>
										<div class="product-item_price font-additional font-weight-normal customColor">$175.00</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="previewInfo">
				<div class="container relative blog-preview">					
					<div class="row">
          <h2 class="title font-additional font-weight-bold text-uppercase wow fadeInUp" data-wow-delay="0.3s">FROM THE BLOG</h2>
          <span class="subTitle font-additional font-weight-normal text-uppercase wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">LATEST TRENDS</span>
            <div class="line-separatorBox text-center clearfix">
              <div class="line-separator text-center animated" style="visibility: visible; margin-top:15px; margin-bottom:30px;">
                  <img src="images/seperator.png" alt="seperator">
                </div>
            </div>
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix blog-outer-container">
							<div class="col-lg-6 col-md-6 col-sm-12 blog-preview_item wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
								<a href="blog-post.html" class="blog-preview_image">
									<img src="images/blog-img-1.jpg" alt="Blog Post">
									<div class="blog-preview_posted">
										<span class="blog-preview_date font-additional font-weight-bold text-uppercase">15 FEB</span>
										<span class="blog-preview_comments font-additional font-weight-normal text-uppercase"><i class="fa fa-comment"></i> 15</span>
									</div>
								</a>
								<div class="blog-preview_info">
									<h4 class="blog-preview_title font-additional font-weight-bold text-uppercase">MAURIS EST LACUS FRINGILLA</h4>
									<div class="blog-preview_desc font-main font-weight-normal">Proin est elentesque risus magna vulputate vitae sodales uam morbi non sem lacus porta mollis nunc condime.</div>
									<a class="blog-preview_btn button-border font-additional font-weight-normal before-bg text-uppercase hvr-bounce-to-right"  href="blog-post.html">READ MORE</a>
								</div>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12 blog-preview_item wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
								<a href="blog-post.html" class="blog-preview_image">
									<img src="images/blog-img-2.jpg" alt="Blog Post">
									<div class="blog-preview_posted">
										<span class="blog-preview_date font-additional font-weight-bold text-uppercase">15 FEB</span>
										<span class="blog-preview_comments font-additional font-weight-normal text-uppercase"><i class="fa fa-comment"></i> 15</span>
									</div>
								</a>
								<div class="blog-preview_info">
									<h4 class="blog-preview_title font-additional font-weight-bold text-uppercase">PRAESENT LOREM PELLENTESQUE</h4>
									<div class="blog-preview_desc font-main font-weight-normal">Proin est elentesque risus magna vulputate vitae sodales uam morbi non sem lacus porta mollis nunc condime.</div>
									<a class="blog-preview_btn button-border font-additional font-weight-normal before-bg text-uppercase hvr-bounce-to-right"  href="blog-post.html">READ MORE</a>
								</div>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12 blog-preview_item wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
								<a href="blog-post.html" class="blog-preview_image">
									<img src="images/blog-img-3.jpg" alt="Blog Post">
									<div class="blog-preview_posted">
										<span class="blog-preview_date font-additional font-weight-bold text-uppercase">15 FEB</span>
										<span class="blog-preview_comments font-additional font-weight-normal text-uppercase"><i class="fa fa-comment"></i> 15</span>
									</div>
								</a>
								<div class="blog-preview_info">
									<h4 class="blog-preview_title font-additional font-weight-bold text-uppercase">AENEAN NISL VITAE IPSUM LOBORTIS</h4>
									<div class="blog-preview_desc font-main font-weight-normal">Proin est elentesque risus magna vulputate vitae sodales uam morbi non sem lacus porta mollis nunc condime.</div>
									<a class="blog-preview_btn button-border font-additional font-weight-normal before-bg text-uppercase hvr-bounce-to-right"  href="blog-post.html">READ MORE</a>
								</div>
							</div>
              <div class="col-lg-6 col-md-6 col-sm-12 blog-preview_item wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
                <a href="blog-post.html" class="blog-preview_image">
                  <img src="images/blog-img-4.jpg" alt="Blog Post">
                  <div class="blog-preview_posted">
                    <span class="blog-preview_date font-additional font-weight-bold text-uppercase">15 FEB</span>
                    <span class="blog-preview_comments font-additional font-weight-normal text-uppercase"><i class="fa fa-comment"></i> 15</span>
                  </div>
                </a>
                <div class="blog-preview_info">
                  <h4 class="blog-preview_title font-additional font-weight-bold text-uppercase">AENEAN NISL VITAE IPSUM LOBORTIS</h4>
                  <div class="blog-preview_desc font-main font-weight-normal">Proin est elentesque risus magna vulputate vitae sodales uam morbi non sem lacus porta mollis nunc condime.</div>
                  <a class="blog-preview_btn button-border font-additional font-weight-normal before-bg text-uppercase hvr-bounce-to-right"  href="blog-post.html">READ MORE</a>
                </div>
              </div>
						</div>						
					</div>
				</div>
			</section>

			<section id="brands">
				<div class="container">
          <div class="row">
						<ul class="brands-list">
							<li>
								<a href="#" class="brand-item">
									<img src="images/brand-img-1.jpg" alt="Brand">
								</a>
							</li>
							<li>
								<a href="#" class="brand-item">
									<img src="images/brand-img-2.jpg" alt="Brand">
								</a>
							</li>
							<li>
								<a href="#" class="brand-item">
									<img src="images/brand-img-3.jpg" alt="Brand">
								</a>
							</li>
							<li>
								<a href="#" class="brand-item">
									<img src="images/brand-img-4.jpg" alt="Brand">
								</a>
							</li>
							<li>
								<a href="#" class="brand-item">
									<img src="images/brand-img-5.jpg" alt="Brand">
								</a>
							</li>
							<li>
								<a href="#" class="brand-item">
									<img src="images/brand-img-6.jpg" alt="Brand">
								</a>
							</li>
						</ul>
					</div>
				</div>
			</section>
      
			<section id="subscribe" class="subscribe-row">
				<div class="container">
					<div class="subscribe-container clearfix wow fadeInUp text-center" data-wow-delay="0.3s">
						<div class="col-sm-12 subscribe-desc font-additional font-weight-bold">SIGN UP FOR OUR MONTHLY NEWSLETTER</div>
						<div id="mc_embed_signup" class="col-sm-9 col-sm-offset-3 subscribe-form">
							<form action="#" method="post">
                <div id="mc_embed_signup_scroll">
                  <div class="mc-field-group subscribe-field">
                    <input type="email" value="" name="sub-email" class="required email font-main color-third" id="sub-email" required>
                  </div>                  
                  <div class="subscribe-button">
                    <button type="submit" value="Subscribe" name="subscribe" class="btn btn-primary font-additional hvr-bounce-to-right before-bg"> SUBSCRIBE </button>
                  </div>
                </div>
              </form>
						</div>
					</div>
				</div>
			</section>

			<footer id="footer">
				<a class="goToTop font-additional color-main text-uppercase" href="#" id="scrollTop">
					<i class="fa fa-angle-up"></i>
					<span>Top</span>
				</a>
				<div class="footer-top">
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="0.3s" data-wow-duration="2s">
								<a href="index.html" class="footer-top_logo"></a>
								<div class="footer-top_container clearfix">
									<span class="font-main font-weight-normal color-additional">Proin est Pellentesque risus magna vulput vitae sodales uam morbi non sem lacus por mollis. Nunc condime ntum metus eud Ino lestie. Sed consectetuer. Lorem ipsum dolor amet ectetur adipisicing elit sed doincl.</span>
									<ul class="footer-social-list">
										<li><a href="#"><span class="social_facebook" aria-hidden="true"></span></a></li>
										<li><a href="#"><span class="social_twitter" aria-hidden="true"></span></a></li>
										<li><a href="#"><span class="social_googleplus" aria-hidden="true"></span></a></li>
										<li><a href="#"><span class="social_pinterest" aria-hidden="true"></span></a></li>
										<li><a href="#"><span class="social_youtube" aria-hidden="true"></span></a></li>
										<li><a href="#"><span class="social_instagram" aria-hidden="true"></span></a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="0.6s" data-wow-duration="2s">
								<h4><span class="footer-top_title color-main font-additional font-weight-bold text-uppercase">QUICK LINKS</span></h4>
								<div class="footer-top_container clearfix">
									<ul class="footer-nav">
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> My Account</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> My Wishlist</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Order Tracking</a></li>
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Order History</a></li>					
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Shipping Information</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="0.9s" data-wow-duration="2s">
								<h4><span class="footer-top_title color-main font-additional font-weight-bold text-uppercase">INFORMATION</span></h4>
								<div class="footer-top_container clearfix">
									<ul class="footer-nav">
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> About us</a></li>
                    <li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Contact us</a></li>							
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Privacy Policy</a></li>
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Terms &amp; Conditions</a></li>
										<li><a href="#" class="font-main font-weight-normal color-additional"><i class="fa fa-caret-right customColor"></i> Return Policy</a></li>
									</ul>
								</div>
							</div>
							<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 clearfix wow fadeIn" data-wow-delay="1.2s" data-wow-duration="2s">
								<h4><span class="footer-top_title color-main font-additional font-weight-bold text-uppercase">GET IN TOUCH</span></h4>
								<div class="footer-top_container clearfix">
									<ul class="footer-contact">
										<li class="font-main font-weight-normal color-additional">
											<span class="icon_pin" aria-hidden="true"></span>
											Woocom ABC Road 14 Street <br>XYZ Country
										</li>
										<li class="font-main font-weight-normal color-additional oneLine">
											<span class="icon_phone" aria-hidden="true"></span>
											 (800) 9235 3658 32
										</li>
										<li class="font-main font-weight-normal color-additional oneLine">
											<span class="icon_mail" aria-hidden="true"></span>
											info@mail.com
										</li>
										<li class="font-main font-weight-normal color-additional">
											<span class="icon_clock" aria-hidden="true"></span>
											Mon to Sat : 08:30 AM - 09:30 PM <br>Sun : 10:00 PM - 4:00 PM
										</li>										
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="container">
						<div class="row">
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
								<span class="footer_copyright font-main" style="color:#fff;">Created by <span class="font-main font-weight-semibold">ewebcraft</span> &copy; 2015 All rights reserved.</span>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
								<ul class="footer-payments pull-right">
									<li><img src="images/C-1.jpg" alt="Payments"></li>
									<li><img src="images/C-2.jpg" alt="Payments"></li>
									<li><img src="images/C-3.jpg" alt="Payments"></li>
									<li><img src="images/C-4.jpg" alt="Payments"></li>									
								</ul>
							</div>
						</div>
					</div>
				</div>
			</footer>
		</div>
    
    <script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
		<script src="js/modernizr.custom.js"></script>
		<script src="js/jquery.placeholder.min.js"></script>
		<script src="js/smoothscroll.min.js"></script>
		
		<script src="plugins/owl-carousel/owl.carousel.min.js"></script>
	   
    <script src="plugins/bxslider/jquery.bxslider.min.js"></script>
		
		<script src="plugins/switcher/js/bootstrap-select.js"></script> 
		<script src="plugins/switcher/js/evol.colorpicker.min.js" type="text/javascript"></script> 
		<script src="plugins/switcher/js/dmss.js"></script>

	  <script type="text/javascript" src="plugins/isotope/jquery.isotope.min.js"></script> 

		<script src="js/wow.min.js"></script>
		<script src="js/cssua.min.js"></script>
    <script src="js/theme.js"></script> 

	</body>
</html>